html>body {
  overflow:scroll;}
a:link,a:visited {
  color: #088fcf;
  text-decoration: none;
}
a.ma_categ:link, a.ma_categ:visited, a.ma_categ:hover {
  color: #006699;
  text-decoration: none;
  font: bold 120% arial,verdana,sans-serif;
}
.ma_column p a:hover {
  color: #ff0000;
  text-decoration: underline;
}

a:hover {
  text-decoration: underline;
  color: #669900;}
body {
  padding: 0;
  margin: 0;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 70%;
  color: #000;
  background-color: #eeeeee;
  text-align: center;
  line-height: 1.5em;
}
#wrapper {
  margin: 0px auto;
  width: 985px;
  text-align: left;
}
#PageWrapper {
width: 985px;
  float:left;
  background-color: #ffffff;
  border: solid 1px #bbbbbb;
  padding: 10px;
  margin-top: 10px;

}
#topNav {
float:right;
}
#header {
  clear: both;
  padding-top:10px;
}
#logo {
  width: 115px;
  float: left;
  padding-left: 10px;
  margin: 0;
  padding-top: 60px;
  padding-bottom: 5px;
  color: #0082BF;
  background: url("/images/head2.gif") no-repeat center top;
  font: bold 12pt arial,verdana,sans-serif;
  text-decoration: none;
  text-align: left;
  cursor: pointer;}
.black {
  color: #000000;}
#search {
  float: right;
  padding-top: 0px;
  padding-right: 5px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  width: 300px;
  text-align: right;}
.searchButton {
  font: normal 100% Verdana, Geneva, Arial, Helvetica, sans-serif;}
#searchQuery {
  font: normal 90% Verdana, Geneva, Arial, Helvetica, sans-serif;}
#menu {
  float:right;
  margin: 0;
  padding: 0;
  width: 800px;}
#menu li {
  float: left;
  padding: 0;
  margin: 0;
  display: inline;
  text-align: center;
  list-style-type: none;}
#menu li a {
  float: left;
  display: inline;
  width: 125px;
  border: 1px solid #000000;
  padding: 0px;
  margin: 0 3px 3px 0;
  background: #bddbe9; 
  color: #000000;
  font: bold 100%/2em verdana,arial,sans-serif;
  text-decoration: none;
  text-align: center;
  letter-spacing: 1px;
  height: 2em;
  text-align: center;}
#menu li a:hover {
  border: 1px solid #000000;
  color: #000000;
  background: #c7e292;
  text-align: center;}
#menu li#menu5 a {
  width: 128px;
  text-align: center;}
#menu a:active {
  background: #cccccc;
  color: #000000;
  text-align: center;}
h1 {
  padding: 7px 0px 7px 10px;
  margin: 0px 0px 0px 0px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1.8em;
  line-height: 1.5em;
  color: #669900;
  text-align: left;
  background: url("/en/ma/images/h1_bg.jpg")  repeat-x;;
}  
#navigator {
  margin: 0px 10px 0px 10px;
  text-align: left;  
  padding-left:10px;
}
.tab {
  float: left;
  width: 960px;
  line-height: normal;
  background-image: url(/en/ma/images/tab_bg.jpg);
  background-position: left bottom;
  background-repeat: repeat-x;
  margin: 5px 0 0 0;
  padding-right:2px;
}
.tab ul {margin:0;padding:0;list-style:none;}
.tab li, .tab td {margin:0 0 0 .1em;padding:0;border-left:1px solid #ccc;border-top: 1px solid #ccc;
  border-right :1px solid #ccc;max-width:180px;}
.empty {border: 0px; width: 3px;}
.tab li.free {border:0px; padding: .5em 2px; font-weight: bold;}
.tab a {
  display: block;
  padding: .5em 2px;
  text-decoration: none;
  
}
.tab a:hover {text-decoration: underline;}
.current, .current a:link, .current a:visited {
  color: #669900;
  background: #f0f0f0;
  font-weight: bold;
}
#content {
  text-align: center;
  float:left;
  width: 960px;
  line-height: normal;
  background: #f0f0f0;
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
  border-left:1px solid #ccc;
  
}
#ma {
  margin: 11px 10px 0px 10px;
  float:left;
  display:inline;
  width: 690px;
  height: 260px;
  border:1px solid #f0f0f0;
}
.info_box {
  margin-top:10px;
  margin-right:11px;
  float:right;
  display:inline;
  height: 125px;
  width: 225px;
  background: #FFFFFF;
  background-image: url(/en/ma/images/info_box_bg.jpg);
  background-position: left bottom;
  background-repeat: repeat-x;
  border:1px solid #ccc;
  position: relative;
  text-align: left;
}

.info_box, .info_box_blue, .info_box_yellow {
 margin-top:10px;
  margin-right:11px;
  float:right;
  display:inline;
  height: 125px;
  width: 225px;
  background: #FFFFFF;
  text-align: left;
    border:1px solid #ccc;
  position: relative;
}
.info_box {
 
  background-image: url(/en/ma/images/info_box_bg.jpg);
  background-position: left bottom;
  background-repeat: repeat-x;

  
}
.info_box_blue {

  background-image: url(/en/ma/images/info_box_bg_blue.jpg);
  background-position: left bottom;
  background-repeat: repeat-x;
}
.info_box_yellow {

  background-image: url(/en/ma/images/info_box_bg_yellow.jpg);
  background-position: left bottom;
  background-repeat: repeat-x;
}
h2 {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1.1em;
  color: #669900;
  text-align: left;
  margin: 10px;
}
p {
  font: normal 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
  margin: 10px;
  text-align: left;
}
.small {
  font: normal 85% Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.arrow_subcategory {
  padding-left: 20px;
  padding-top: 3px;
  background: url(/en/ma/images/link_arrow.gif) left top no-repeat;
  font-weight: bold !important;
  margin: 0px 10px;
}
.arrow_subcategory a {
  font-weight: bold !important;
  margin-bottom: 5px;
}
.arrow {
  padding-left: 20px;
  padding-top: 10px;
  background: url(/en/ma/images/link_arrow.gif) left bottom no-repeat;
  position: absolute;
  bottom: 10px;
  margin-top: 15px;
}
.ma_column {
  float: left;
  width: 225px;
  font: normal 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
  margin-top: 10px;
  margin-right: 11px;
  margin-left: 0px;
  text-align: left;
}
hr {
  border: dashed 1px #cccccc; height: 0px;
  width: 100%;
}
.ad {
  border: solid 1px #b7b7b7;
  background: #FFFFFF;
  background-image: url(/en/ma/images/info_box_bg.jpg);
  background-position: left bottom;
  background-repeat: repeat-x;
  margin: 5px 5px 5px 5px;
  color: #b7b7b7;
  font: normal 90% Verdana,Arial,sans-serif;
    text-align: center;
}
.grey {
  background: #dddddd;
  border: 1px solid #dddddd; }
.grey1 { background:#eeeeee;border: 1px solid #dddddd;}
table {
font: normal 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.white, .wh {
  background:#ffffff;
  }
#mainCol {
  float: left;
  width: 710px;
  margin: 5px;
}
#mainCol2 {
  float: left;
  width: 910px;
  margin: 5px;
  padding-top: 5px;
  text-align: left;
}
ul,ol,table {
  text-align: left;
}
img {
  border:0px;
}
code {
  font-size: small;}
.column,.columnsoll,.columnsollH {
  float: left;
  width: 300px;}
  
  
.columnsoll ul,.columnsollH ul {
  margin-left: 7px;}
.columnsoll h2 {
  margin: 7px;}
.columnsoll a:link, .columnsoll a:hover, .columnsoll a:visited {
  font-weight: bold;}
.subnav {
  margin-top: 0px;
  padding-left: 20px;
}
.subnav li {
  padding-left:10px;
  list-style-type:none;
  background: url("/images/LTR_arrow.gif") no-repeat 0 .5em;} 
  
#order1 {
  border: 0px;
  width: 179px;
  }
#label {
  float: left;
  width: 190px;
  padding-right: 15px;
  color: #000000;
  display: inline;}
#order label {
  width: 70px;
  float: left;
  color: #000000;
  

  padding: 0px 0px 0px 1px;}
#order label.long  { width : 12em; } 
#order label input {
  display: inline;
  left : 100%;
  top : 0px;
  width : 70px;
  
  margin-right : 4px;} 
#order label.long input { width : 160px; } 
#order .orderbtn { 
  margin-top: 4px;
  margin-bottom: 4px;} 
.h2_darkblue {color:#000099;font: 110% Verdana,Arial,Helvetica,sans-serif;font-weight:bold;font-stretch:ultra-condensed;}
fieldset {
  margin: 0px 10px;
  padding: 0 .5em 0 .5em;
  border: 1px solid #cccccc;
  width: 90%;}
legend {
  padding: 5px;
  border: 1px solid #cccccc;
  color: #000000;
  background: #eeeeee;
  font-weight: bold;}
tr.gr{background:#eeeeee;}
.large {
  font-weight: bold;}
h2 a:link, h2 a:visited {
  color: #088fcf;
  font-weight: bold; 
  padding: 7px 0px 5px 0px;
  margin:0px;
}
h2 a:hover {
  color: #669900;
  font-weight: bold;
  padding: 7px 0px 5px 0px;
  margin:0px;
}
.colL {
  float: left;
  width: 340px;
  margin-right: 10px;}
.tick {
  padding: 0;
  margin: 20px;}
.tick li {
  padding: 0px 0px 0px 1.8em;
  margin: 0px 0px 0.5em 0px;
  list-style-type: none;
  background: url("/images/tick.gif") no-repeat;}
#WebForm, #WebTran, .yellow { background:#F7FBEE;}
#footer {
  clear: both;
  padding-left: 10px;
  padding-right: 10px;
  color: #999999;
  text-align: center;
  margin-bottom: 5px;}
.bold {font-weight:bold;}
.white td {color: #000000;}
.red_text {color:#ff0000;}
.blue_text{color:#0000FF;}
.dark_blue{color:#000099;}
.h2_darkblue {color:#000099;font: 110% Verdana,Arial,Helvetica,sans-serif;font-weight:bold;font-stretch:ultra-condensed;}
#gr1 { float: left; width: 100px; background: #F7FBEE; height: 30px; border: 1px solid #dddddd; padding: 4px 3px 0px 4px;}
#wd {  float: left; width: 230px; height: 30px; border: 1px solid #dddddd; padding: 4px 3px 0px 4px;}
#grp_cus { float: left; width: 820px;}
#grp1 { float: left; width: 360px; margin-left: 10px; display: inline;}
#new_service {float: left; background: #eeeeee; border: dashed 1px; width: 740px; padding: 10px}


#grp { float: left; margin: 0; margin-left: 10px; display: inline; background: #eeeeee; height: 100%}
#grp_d {float: left; width:345px; margin: 0; display: inline;}
#cad { height: 22px; padding: 2px 0px 0px 4px;}
#img { float: left; background: white; height: 24px; width: 59px; display: inline;}
#gr { float: left; height: 30px; width: 100px; padding: 2px 0px 0px 4px; background: #eeeeee;}
#wd1{ float: left; width: 230px; background: white; height: 30px; border: solid 1px #eeeeee; padding: 2px 0px 0px 4px;}
#wd1cn { float: left; width: 170px; background: white; height: 22px; padding: 2px 0px 0px 4px;}
#rl { float: left; display: inline; height: 22px; width: 100px; padding: 2px 0px 0px 4px; margin-left: 10px;}
#rw { float: left; display: inline; background: white; width: 570px; border: solid 1px #eeeeee; padding: 2px 0px 0px 4px;}
#sp { float: left; width: 5px; display: inline;}
#RCol { float: left; width: 200px; margin: 0; background: #eeeeee; font-size: 90%; padding: 0px 0px 0px 0px; display: inline;}
#wcell { float: left; width: 90px; background: white; display: inline; border: solid 1px #eeeeee; height: 22px; padding: 2px 0px 0px 4px;}

table {margin-left: 10px;}
#h_iwt {
  float: left;
  background: #eeeeee;
  width: 100%;
  font: 120% Verdana,Arial,Helvetica,sans-serif;
  color: #000000;
  font-weight: bold;
  border-top: 1px solid #cccccc;

  padding: 5px 10px 5px 10px;
  margin: 1px 0px 10px 10px;}

#grf { float: left; width: 100px; background: #eeeeee; display: inline;  height: 30px; padding: 2px 0px 0px 4px;}
#wfl { float: left; width: 595px; display: inline; height: 30px; border: 1px solid #eeeeee; padding: 2px 0px 0px 4px;}
#acdl { float: left; width: 688px; background: #eeeeee; display: inline; height: 19px;
  padding: 3px 0px 0px 3px;}

#footer a{
  color: #999999;
  text-decoration: underline;}
#footer a:hover {
  color: #000000;
  text-decoration: underline;
  background: #eeeeee;}
#footer {
  clear: both;
  padding-top: 7px;
  padding-left: 10px;
  padding-right: 10px;
  color: #999999;
  text-align: center;
  margin-bottom: 5px;
  }
#copyright {
  clear: both;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 7px;
  margin-bottom: 10px;
  color: #999999;
  text-align: center}
input,select,.textbox,.input{
  font: normal 9pt verdana,arial,helvetica,sans-serif;}
  
.wl_table_row, .wl_table_rows, .wl_table_main {
 margin-left: 0px;
}  
  
  
  
  
  
  
.menu1 {width:800px; height:25px; position:relative; z-index:100;float:right;}
/* hack to correct IE5.5 faulty box model */
* html .menu1 {width:800px; w\idth:800px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu1 ul {padding:0;margin:0;list-style-type:none;}
.menu1 ul ul {width:190px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu1 li {float:left;width:194px;position:relative;}
/* style the links for the top level */
.menu1 a, .menu1 a:visited {display:block;text-decoration:none; color:#000; width:190px; height:24px; border:1px solid #000; background:#bddbe9; text-align: center; line-height:22px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu1 a, * html .menu1 a:visited {width:190px; w\idth:122px;}

/* style the second level background */
.menu1 ul ul a.drop, .menu1 ul ul a.drop:visited {background:#dff9ff;}
/* style the second level hover */
.menu1 ul ul a.drop:hover{background:#c7e292 ;}
.menu1 ul ul :hover > a.drop {background:#c7e292;}



/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu1 ul ul {visibility:hidden;position:absolute;height:0;top:25px;left:0; width:190px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu1 ul ul {top:23px;t\op:23px;}




/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu1 table {position:absolute; top:0; left:-10; border-collapse:collapse;;}

/* style the second level links */
.menu1 ul ul a, .menu1 ul ul a:visited {background:#dff9ff; color:#000; height:auto; line-height:1em; padding:5px 10px; width:190px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu1 ul ul a, * html .menu1 ul ul a:visited {width:190px;w\idth:190px;}

/* style the top level hover */
.menu1 a:hover, .menu1 ul ul a:hover{color:#000; background:#c7e292;}
.menu1 :hover > a, .menu1 ul ul :hover > a {color:#000; background:#c7e292;}

/* make the second level visible when hover on first level list OR link */
.menu1 ul li:hover ul,
.menu1 ul a:hover ul{visibility:visible; }



#nf1 {
  font: normal 110% Verdana,Arial,Helvetica,sans-serif;
  color: #000000;
  font-weight: bold;}

/* multiple file upload style*/
div.multiupload{
	
	float:left;
	padding:3px;
	
}
div.multiupload div.list{
	
}
div.multiupload div.list div.item{
	margin:1px;
	
}
div.multiupload div.list div.item:hover{
	
}
div.multiupload div.list img{
	float:left;
	margin: 3px;
	cursor:pointer;
}

.submit_link {border: 0px; background:#eeeeee;color: #088fcf; text-decoration: none;}
.submit_link:hover {text-decoration: underline;   color: #669900;}